/* styles.css */

/* 基础样式 */
body {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: #f8f9fa;
}

.content {
  padding: 20px;
}

.module {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/* Media Queries */
@media (max-width: 768px) {
  .header {
    flex-direction: column;
  }

  .module {
    /* Adjust styles for smaller screens */
  }
}

@media (max-width: 480px) {
  .module {
    /* Further adjust styles for mobile screens */
  }
}